<style type="text/css">
	#tabs li {
		float:left;
		list-style: none;
		border:1px solid #D3D3D3;
		margin-top:6px;
		padding:0 7px 0 0;
	}
	#tabs li .ui-icon-close { float: left;  cursor: pointer; }
	#tabs li .current { background-color:#e1e1e1;}
	#tabs li a { color:#1C94C4; text-decoration:none; }
    #tabs li.current { background-color:#e1e1e1;}
    #tabs li.current a { color:#000; text-decoration:none; }
	.tituloPanel {
		color:#555555;
		float:left;
		font-family:Verdana;
		font-size:1.1em;
		line-height:23px;
		padding-left:1px;
		text-transform:uppercase;
	}
	.barraPanel {
		background-color:LightGrey;
		clear:both;
		height:23px;
		margin:1px auto 0;
		width:100%;
	}
/*	.barraSeleccionada {
		background-color:Azure;
		clear:both;
		height:23px;
		margin:1px auto 0;
		width:100%;
	}*/
	.gripPanel {
		background: url("../templates/aplay/imagenes/grid_mapas/grip.png")  repeat scroll 0 0 transparent;
		float:left;
		height:16px;
		margin:4px;
		width:45%;
	}
	.gripPanel {
		background: /*url("./templates/aplay/imagenes/grid_mapas/grip.png")*/ repeat scroll 0 0 grey;
		float:left;
		height:16px;
		margin:4px;
		width:3%;
	}
</style>
<script src="assets/js/effects.js" type="text/javascript"></script>
<!--panel_monitor_abierto -->
<?php include("assets/imports/tablero.html");?>
<div id="panel_monitor_abierto">
  <div id="contenedor_panel" onmouseup="resizePanelAbierto();" style="height: 254px;">
    <?php
    	if(!$LOGIN->isBykom && $LOGIN->PERMISOS[1]){ 
  	 		include("assets/imports/monitor.html");
  	 	}
  	 ?>
  	<?php include("assets/imports/reportes.html");?>
  </div>
</div>
<!-- Fin panel_monitor_abierto -->

<!--Inicio panel_monitor_cerrado -->
<div id="panel_monitor_cerrado">
  <h3>
    <?php if(!$LOGIN->isBykom && $LOGIN->PERMISOS[1]){ ?>
  		<a href="javascript:" id="abrirPanel">PANEL MONITOR</a>
  	<?php }?>
  	<a href="javascript:" id="abrirPanelReportes">PANEL REPORTES</a>
  </h3>
</div>
<!--Fin panel_monitor_cerrado -->